page{
    background-color:#edece8;
}
.box-card{
    position:relative;
    color:#666;
    >.box-card-user{
        height:45vh;
        position:relative;
        >.box-card-user-bg{
            width: 100%;
            height:100%;
            >image{
                width:100%;
                height:100%;
                filter:blur(10rpx);
            }
        }
        >.box-card-user-info{
            position: absolute;
            left:50%;
            transform:translateX(-50%);
            top:30%;
            >image{
                width:150rpx;
                height:150rpx;
                border-radius:50%;
            }
            >view{
                color:#fff;
                font-size:30rpx;
                margin-top:40rpx;
                text-align:center;
            }
        }
    }
    >.box-card-login{
        height:45vh;
        background-color:var(--themeColor);
        position:relative;
        >navigator{
            border:1px solid greenyellow;
            color:greenyellow;
            font-size:30rpx;
            padding:12rpx 40rpx;
            position:absolute;
            left:50%;
            transform:translateX(-50%);
            top:40%;
        }
    }
    >.box-card-container{
        position:relative;
        >.box-card-content{
            position: absolute;
            width:90%;
            left:50%;
            transform:translateX(-50%);
            top:-50rpx;
            padding-bottom:100rpx;
            >.box-card-history{
                border-radius:10rpx;
                background-color:#fff;
                padding:20rpx;
                display:flex;
                align-items:center;
                justify-content:space-around;
                >navigator{
                    text-align:center;
                    >.box-card-history-num{
                        color:var(--themeColor);
                    }
                    >.box-card-history-title{
                        margin-top:10rpx;
                        font-size:24rpx;
                    }
                }
            }
            >.box-card-order{
                border-radius:10rpx;
                background-color:#fff;
                margin-top:30rpx;
                >.box-card-order-title{
                    padding:20rpx;
                    border-bottom:1rpx solid #e6e6e6;
                }
                >.box-card-order-items{
                    padding:20rpx;
                    display:flex;
                    align-items:center;
                    justify-content:space-around;
                    >navigator{
                        text-align:center;
                        >.box-card-order-item-icon{
                            color:var(--themeColor);
                            font-size:30rpx;
                        }
                        >.box-card-order-item-title{
                            margin-top:10rpx;
                            font-size:24rpx;
                        }
                    }
                }
            }
            >.box-card-address{
                border-radius:10rpx;
                background-color:#fff;
                margin-top:30rpx;
                padding:20rpx;
            }
            >.box-card-function{
                border-radius:10rpx;
                background-color:#fff;
                margin-top:30rpx;
                >.box-card-contact{
                    padding:20rpx;
                    border-bottom:1rpx solid #e6e6e6;
                    &:first-child{
                        display:flex;
                        justify-content:space-between;
                    }
                    &:last-child{
                        border-bottom:1rpx solid transparent;
                    }
                }
            }
            >.box-card-commend{
                border-radius:10rpx;
                background-color:#fff;
                margin-top:30rpx;
                padding:20rpx;
            }
        }
    }
}
